<template>
    <div id="Home-DetailMiddle-Bottom">
        <div id="Home-DetailMiddle-Content">
            <div v-for="(v,i) in this.$store.state.HomeDetail.Detail.value" v-bind:key="i">
                <h2 v-if="v.type==='1'">{{v.text}}</h2>
                <p v-else>{{v.text}}</p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Detail-Middle-Top"
    }
</script>

<style lang="scss" scoped>
    #Home-DetailMiddle-Bottom{
        padding: 0 0.14rem;
    }

    #Home-DetailMiddle-Content{
        h2{
            line-height: 0.26rem;
            font-size: 0.18rem;
            color:#070707;
            margin-top: 0.22rem;
        }
        p{
            font-size: 0.16rem;
            color:#212121;
            line-height: 0.26rem;
            margin-top: 0.22rem;
        }
    }
</style>